<template>
  <div class="app-container home">
    <el-row>
      <el-col :sm="12" :lg="12">
          <chu-vue :dataArray1="dataArray1"></chu-vue>
      </el-col>
      <el-col :sm="12" :lg="12">

      </el-col>
      <el-col :sm="12" :lg="12">

      </el-col>
      <el-col :sm="12" :lg="12">

      </el-col>
    </el-row>
  </div>
</template>

<script>
import { listOut, getOut, delOut, addOut, updateOut } from "@/api/system/out";
import chuVue from "@/views/components/chuCharts.vue";

export default {
  name: "Index",
  components:{
    chuVue
  },
  data() {
    return {
      // 总条数
      total: 0,
      // 出入库台账表格数据
      outList: [],
      dataArray1:{},
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: null,
        keName: null,
        carNum: null,
        carType: null,
        maoZhong: null,
        peZhong: null,
        jingZhong: null,
        cheNum: null,
        danJia: null,
        totalHeji: null,
        monthJie: null,
        beiZhu: null,
        huoType: null,
        outIn: null,
        outId:null
      },
    };
  },
  mounted() {
    this.getList();
  },
  methods: {
    /** 查询出入库台账列表 */
    getList() {
      this.loading = true;
      listOut(this.addDateRange(this.queryParams, this.date)).then(response => {
        this.outList = response.rows;
        this.dataArray1 =
        {
          total:response.total
        }
      });
    },
  }
};
</script>

<style scoped lang="scss">
.home {
  width: 100%;
  height: calc(100vh - 90px); /* 或者设置一个固定的高度 */
  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }




}
</style>

